<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    {include file="public/title" /}
    <meta name="keywords" content="HTML5 Bootstrap 3 Admin Template UI Theme">
    <meta name="description" content="Fusion - A Responsive HTML5 Admin UI Template Theme">
    <meta name="author" content="AdminDesigns">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {include file="public/css" /}
    <style>
        .table a { color: blue;}
        dl, li { list-style:none;}
        .panel-body dt, .panel-body dd { float: left;}
        .clear {clear: both;}
        .panel-body dt { width: 7%;}
        .panel-body dd { width: 90%;}
        .panel-body dd li { float: left; min-width: 6%; padding: 0 10px;}
        .form-horizontal { padding-left: 30px;}
        .mix { display: block; border: 1px solid #d6d6d6; padding: 5px; text-align: center;}
    </style>
</head>
<body class="dashboard-page">

{include file="public/header" /}

<!-- Start: Main -->
<div id="main">

    <!-- Start: Sidebar -->
    <aside id="sidebar_left">
        <div class="sidebar-menu">
            <!--菜单-->
            {include file="public/menu" /}
        </div>
    </aside>

    <!-- Start: Content -->
    <section id="content_wrapper">
        <div id="topbar">
            <!--所在-->
            {include file="public/topbar" /}
        </div>
        <div id="content">
            <div class="row">
                <div class="col-md-8">
                    <div class="panel">
                        <div class="panel-body">
                            <div id="Grid">
                                <div class="mix category-1">
                                    <img src="/static/img/stock/1.jpg" class="img-responsive" alt="...">
                                    <div class="mix-desc">
                                        <h5>情感、家庭、心理</h5>
                                        <p><button type="button" class="btn btn-alert btn-sm">预览</button></p>
                                    </div>
                                </div>
                                <div class="mix category-1">
                                    <img src="/static/img/stock/2.jpg" class="img-responsive" alt="...">
                                    <div class="mix-desc">
                                        <h5>女性理财</h5>
                                        <p><button type="button" class="btn btn-alert btn-sm">预览</button></p>
                                    </div>
                                </div>
                                <div class="mix category-1">
                                    <img src="/static/img/stock/3.jpg" class="img-responsive" alt="...">
                                    <div class="mix-desc">
                                        <h5>女性职场</h5>
                                        <p><button type="button" class="btn btn-alert btn-sm">预览</button></p>
                                    </div>
                                </div>
                                <div class="gap"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <img src="/static/img/u528.png" style="width: 100%;" />
                    <div style="position:absolute; left:8.5%; top:10%; width: 83.5%; height: 80%; background-color: white;">12312</div>
                </div>
            </div>
        </div>
    </section>

</div>
<!-- End #Main -->
{include file="public/js" /}
</body>
</html>
